.mass-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  // background-color: rgb(246, 249, 255);
}

.marked-words {
  margin-bottom: 20px;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid sandybrown;
  color: rgb(230, 162, 60);
  background-color: rgb(253, 246, 236);
}

.file-scanner {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
}

.flex-layout {
  display: flex;
  gap: 8px;
}

.ipa-container {
  display: flex;

  .ipa-left {
    width: 250px;
    border-right: 1px solid #eee;
  }

  .ipa-right {
    flex: 1;
    display: flex;
    justify-content: center;

    .ant-transfer {
      width: 740px;

      .ant-transfer-list {
        width: 250px;
        height: 320px;
      }

      .ant-transfer-operation {
        width: 240px;
        margin: 0;
        padding: 0 30px;
        justify-content: center;
        flex-direction: row-reverse;
        align-self: flex-start;
        gap: 10px;

        > button {
          flex: 1;
          height: 36px;
        }
      }
    }
  }
}

.note-content {
  position: relative;

  .note-tip {
    position: absolute;
    right: 0;
    bottom: -24px;
    line-height: 24px;

    b {
      color: #f00;
    }
  }
}

.temp-fields {
  margin: 0 0 0 80px;
  > div {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;

    > input {
      width: 200px;
    }
  }
}

// mass-right
.mass-right {
  position: relative;
  width: 476px;

  .phone-content {
    position: absolute;
    top: 160px;
    left: 90px;
    width: 275px;
    max-width: 275px;
    max-height: 620px;
    overflow-y: auto;
    padding: 12px;
    border-radius: 10px;
    overflow-wrap: break-word;
    word-break: break-all;
    background-color: rgb(236, 236, 236);
  }
}
